<template>
  <div class="wrapper-map">
    <div id="main-map"></div>
  </div>
</template>

<script>
import { mapMutations } from "vuex";

export default {
  mounted() {
    this.createMap();
    this.setRegion();
  },
  methods: {
    ...mapMutations(["createMap", "setRegion"]),
  },
};
</script>

<style lang="scss" scoped>
.wrapper-map {
  height: 100%;
  width: 100%;
  flex-grow: 1;
  #main-map {
    height: 100%;
    width: 100%;
  }
}
</style>
